$('#showReg').on('click', function () {
    $('.login-form').hide()
    $('.reg-form ').show()
})



$('#showLogin').on('click', function () {
    $('.login-form').show()
    $('.reg-form ').hide()
})

const form = layui.form;
form.verify({

    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    repwd(value) {
        if ($('#pedinput').val() !== value) {
            return '两次密码不一致'
        }
    }
});


// +++++++++++++++++++++注册页面+++++++++++
// 请求根路径
// http://api-breakingnews-web.itheima.net
let layer = layui.layer
$('.reg-form ').on('submit', function (e) {
    e.preventDefault()
    //  jq的serializer属性可以获取表单中所有代name属性
    let data = $(this).serialize()
    console.log(data);
    axios({
        method: 'POST',
        url: 'http://api-breakingnews-web.itheima.net/api/reguser',
        data
    }).then(({ data: { message, status } }) => {
        // console.log(res);
        if (status !== 0) {
            return layer.msg(message)
        }
        layer.msg(message)
        // localStorage.setItem('data', data)

    })
    $('#showLogin').click()
})




// ==========================登录页面===============
$('.login-form').on('submit', function (e) {
    e.preventDefault()
    //  jq的serializer属性可以获取表单中所有代name属性
    let data = $(this).serialize()
    console.log(data);
    axios({
        method: 'POST',
        url: 'http://api-breakingnews-web.itheima.net/api/login',
        data
    }).then(({ data: { message, status, token } }) => {
        // console.log(res);
        console.log(message);

        if (status !== 0) {
            return layer.msg(message)
        }


        localStorage.setItem('token', token)
        layer.msg(`登陆成功，即将跳转首页`, {

            time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function () {
            //do something
            location.href = '/index.html'
        });

    })

})




